<!DOCTYPE HTML>
<html>
<head><meta name="renderer" content="webkit"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<!-- 引入  head 页面 ，配置一些页面的通用配置-->

<!-- 这里引入当前页面对应的 css文件 -->
<link rel="stylesheet" href="../../zui/zui-1.3.1/css/zui.min.css" />
</head>
<body>


	<div style="display:table;margin:20px auto;">
		<h2>jAlert展示</h2>
		<div style="margin-top:60px;">
			<fieldset>
				<legend>
					通过配置项获得不同展示效果。
					<br/>很多配置项可以不配置直接使用控件默认配置，精简代码
					<br/>基于jDailog二次开发，jDailog的配置项都可以使用(不建议都配置，没必要把代码复杂化)，demo中不重复描述
				</legend>
				<h3 id="event"></h3>
				<div class=" btn-group">
					<button id="show" class="btn">显示弹窗(配置1)</button>
					<button id="show2" class="btn">显示弹窗(配置2)</button>
				</div>
						
			</fieldset>
		</div>
	</div>
	<!-- 这里引入 footer 页面 -->
<script type="text/javascript" src="jquery.js"></script>	
	<script type="text/javascript" src="../dialog/jAlert.js"></script>
	<script type="text/javascript" src="../../zui/zui-1.3.1/js/zui.js"></script>
	<script type="text/javascript" src="../dialog/jDialog.js"></script>
	<script type="text/javascript" src="demo_jAlert.js"></script>
	<!-- 这里引入当前模块对应的 js文件 -->
</body>
</html>